vue-cli + webpack自动生成项目
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack palanWebsite# 安装依赖，走你$ cd palanWebsite$ npm install$ npm run dev创建过程参考：https://www.2cto.com/kf/201711/695061.html，单元测试选择的是jest创建好的项目结构如下：下面就重点分析build和config目录下各个配置文件的...
2024-01-10
vue-cli脚手架之webpack.test.conf.js
webpack单元测试配置：// This is the webpack config used for unit tests.var utils = require('./utils')//utils.js文件导入var webpack = require('webpack')//webpack模块导入var merge = require('webpack-merge')//合并模块插件var baseConfig = require('./webpack.base.conf')//导入基础配置webp...
2024-01-10
vue-cli#2.0 webpack 配置分析
作者：滴滴公共前端团队 - 王宏宇前言作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析vue-cli 的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问 vue-cli 查看目录结构.├── README.md├── buil...
2024-01-10
vue-cli脚手架的.babelrc文件
{ // 此项指明，转码的规则 "presets": [ // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码 ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], ...
2024-01-10
vue-cli 添加less 以及sass
1、sasscnpm i node-sass --save-devcnpm i sass-loader --save-dev2、lessnpm install less --save-devnpm install less-loader --save-dev注释： 不需要修改 webpack.base.conf.js 内容备注：如果导入的是iviewpackage.json ...
2024-01-10
vue-cli + webpack 多页面实例应用
关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合...
2024-01-10
java1.8--Null Object模式
整理这篇博客是因为现在在整理java8中的optional，所以觉得很有必要整理下Null Object模式。java.lang.NullPointerException，只要敢自称Java程序员，那对这个异常就再熟悉不过了。为了防止抛出这个异常，我们经常会写出这样的代码：Person person = people.find("LinkinPark...");if (person != null) { person.doSomething();}遗憾的...
2024-01-10
vue-cli proxyTable中跨域中pathRewrite 怎么用
问：proxyTable 里面的pathRewrite里面的‘^/iclient’:'' 什么意思？答：用代理, 首先你得有一个标识, 告诉他你这个连接要用代理. 不然的话, 可能你的 html, css, js这些静态资源都跑去代理. 所以我们只要接口用代理, 静态文件用本地.'/iclient': {}, 就是告诉node, 我接口只要是'/iclient'开头的才用代理.所以你的接...
2024-01-10
webpack vue-cli 一有空格和分号就报错
webpack vue-cli 一有空格和分号就报错eslintrc.js 这是ESLint的配置文件,至于为什么用ESLint的话,就是为了自动检查代码,保持一致的代码风格,从而保证代码质量.这里需要注意的是,在eslintrc.js文件里面:rules是自定义的检查规则,可以覆盖默认的检查规则,例如要加分号,函数要加空格,这个跟代码风格有关 'rules': {...
2024-01-10
jQuery ajax数据显示[object Object]
我有一个非常基本的ajax调用来提醒服务器报告的数据$.ajax({ type: "POST", url: "/someform/act", //edit utl to url data: { changed: JSON.stringify(plainData) }, //edit to include success: function(data) { alert(data); //data not $data ...
2024-01-10
vue-cli 3 编译时 css 放在 body 里
修改 vue.config.js// https://stackoverflow.com/questions/58263664/vue-js-inject-styles-in-body-instead-of-head-of-index-html-webpack-htmlwebclass InjectStylesInBody { apply(compiler) { compiler.hooks.compilation.tap('inject-styles-in-body', (compilation)...
2024-01-10
webpack中‘mint-ui’全局引入和按需引入【vue-cli】 - jack_jo
webpack中‘mint-ui’全局引入和按需引入【vue-cli】 一、安装 npm i mint-ui -S二、引入1.全局引入import MintUI from \'mint-ui\'import \'mint-ui/lib/style.css\'Vue.use(MintUI)2.按需引入// 1.需要先安装npm install babel-plugin-component -D// 2.在babelrc中配置 "plugins": [...
2024-01-10解决vue-cli + webpack 新建项目出错的问题
今日使用 npm init webpack love 创建一个新项目，然后执行 npm run dev 之后项目报错，提示错误如下：没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, output-filename, output-chunk-filename, output-source-map-filename, output-public-path, o...
2024-01-10
【JS】Object.create(null) 和 {} 区别是什么
Object.create(null) 和 {} 区别是什么 看vuex源码定于对象都是Object.create(null) 为何不直接使用 {}回答Object.create(null)没有继承任何原型方法，也就是说它的原型链没有上一层。console.log(Object.create({}).toString); // function toString() { [native code] }console.log(Object.create(null).toString); // undefi...
2024-01-10
vue-cli入门 - 搭建项目打包运行+webpack打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/qq_38225558/article/details/86302259前言： 在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。然而，vue官方...
2024-01-10Java如何重写object类的equals方法详解
1.Object类的equals()方法：比较两个对象是否是同一个对象，equals() 方法比较两个对象，是判断两个对象引用指向的是同一个对象，即比较 2 个对象的内存地址是否相等。是则返回trueObject类是所有类的父类，它的equals方法自然会被所有类继承，有一个子 类String对equals方法进行了覆盖（重写），使其具有...
2024-01-10
vue-cli 路由 实现类似tab切换效果（vue 2.0）
1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）----其中，为什么要使用<router-link></router-link>, 请移步：http://router.vuejs.org/zh-cn/api/router-link.html----router-view路由视图（必须）----css可以使用外部样式3，app.vue的样式如图。----.router-...
2024-01-10浅谈JsonObject中的key-value数据解析排序问题
1、JsonObject中的数据是key-value形式，通过JsonObject的keys方法得到key的迭代器是无序的，要想实现排序，目前只能通过加装一层处理（方法来自Stack Overflow,感谢大神），将key-vlaue放入ThreeMap排序，排序规则默认是字母表顺序，可自定义Comparator修改。iteratorKeys = object.keys();//得到所有title SortedMap map = new Tre...
2024-01-10
mockito@Value设值
@Componentpublic class MonitorManager { @Value("${monitor.url}") private String monitorUrl; @Value("${monitor.userName}") private String monitorUserName; // 其他使用value的代码省略}@RunWith(PowerMockRunner.class)@PowerMockRunnerDelegate(SpringRunner....
2024-01-10
vue-cli+webpack进行后台数据模拟？
1. 其中mock数据为data.json ，在文件的根目录位置。2. 配置webpack.dev.conf.js，文件所在位置如图在build文件夹下在文件头部添加如下代码const express = require('express')const app = express()const appData = require('../data.json')const seller = appData.sellerconst goods = appData.goodsconst ratings = app...
2024-01-10基于vue-cli 路由 实现类似tab切换效果（vue 2.0）
1，更改main.js2，在App.vue中，写入两个跳转链接（router-link），分别跳转到“home”“About” （home、About即分别是两个组件）----其中，为什么要使用<router-link></router-link>, 请移步：http://router.vuejs.org/zh-cn/api/router-link.html----router-view路由视图（必须）----css可以使用外部样式3，app.vue的样式如图。----.route...
2024-01-10遗漏的类型错误：<my obj> .validate不是一个函数
我刚开始接触ember-validations，但我得到的错误：Uncaught TypeError: <my obj>.validate is not a function遗漏的类型错误：<my obj> .validate不是一个函数这里是我的对象扩展EmberValidations：import EmberValidations from 'ember-validations'; export default Ember.Object.extend(EmberValidations, { na...
2024-01-10
vue-cli 项目中使用 v-chart 及导出 chart 图片
安装：npm i v-charts echarts -S组件中使用： 1 <template> 2 <div class="app-chart"> 3 <div > 4 <!--用于图标组件--> 5 <ve-pie...
2024-01-10
react 用value 直接赋值 必须用onchange的解决方式
render : function(){ return <input value={this.state.bankCardValue} type="text" onKeyUp={this.keyUp} ref="bankInput"/> }此情况下，报错。 直接赋值的input变为了受控的input，必须有个onChange事件的回调。此时，可把value 改为用defaultValue的方式render : function(){ ...
2024-01-10
vue-cli-servic build 打包后生成非常多的js和css文件，怎么办？
我的一个单页面的后台管理系统，用的是vue-cli3开发的，之前打包都正常我本地的也正常，前一阵子打开正式环境发现一打开加载了1700多个请求，人都傻了，发现除了我本地打包的和jenkins测试环境打包的都没问题，就正式环境有问题，然后突发奇想吧测试库的代码删除重新拉取，问题复现了，我复制了本地代码除了node_modules，重新打包也复现了，我实在找不出原因，有大佬遇到过吗？我没碰vue.co...
2024-02-14
